<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>mootools.js  测试</title>
		<script src="../../common/libs/mootools.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
    </head>
    <body>
        <div style="background: yellow;" id="a">
				<div style="background: red; width:200px;" id="aa">id=aa<div style="background: black; color:white" id="aba">id=aba</div></div>
				<div style="background: green;" id="ab">id=ab<input type="button" name="button" id="button" value="子控件" /></div>
			</div>
			<div style="position:absolute; left:330px; top:40px;margin:20px; width:300px; height:404px; padding:17px;  border:4px #f32323 solid;  overflow:scroll; " >
			<div style="position:absolute; left:330px; top:40px; margin:20px; height:60px; padding:17px; overflow:scroll; border:4px #f32323 solid; background: blue" id="f">sssss  <table id="t" style='position:absolute;top:5px;left:6px;margin:3px;border:5px solid #000;padding:0;width:1px;height:200px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table></div>
			</div>
			
			<div id="v" style="display: none">n</div>
			<hr>
        <hr>
        <script>
        	var a = $('a'), aa = $('aa'), aaa = $('aa'), ab = $('ab'), s = new Elements(), f = $('f'), t = $('t');
				s.push(ab); s.push(aaa);
				
				
				var fns = [
					["Element.prototype.scrollTo", function(){ return a.scrollTo(2,4); }],
					["Element.prototype.getScrolls", function(){ return aaa.getScrolls(); }],
					["Element.prototype.getOffsetParent", function(){ return aaa.getOffsetParent(); }],
					["Element.prototype.getOffsets", function(){ return aaa.getOffsets(); }],
					["Element.prototype.getPosition", function(){ return aaa.getPosition(); }],
					["Element.prototype.getScroll", function(){ return aaa.getScroll(); }],
					["Element.prototype.getScrollSize", function(){ return aaa.getScrollSize(); }],
					["Document.prototype.setScroll", function(){ return "not support"; }],
					["Document.prototype.resizeTo", function(){ return "not support"; }],
					["Document.prototype.getScrolls", function(){ return "not support";; }],
					["Document.prototype.getOffsetParent", function(){ return "not support"; }],
					["Document.prototype.getOffsets", function(){ return "not support"; }],
					["Document.prototype.getPosition", function(){ return document.getPosition(); }],
					["全部测试", function(){
						log("Size = ", f.getSize());
						log("------------------------","");
						log("Position = ", f.getPosition());
						log("------------------------","");
						log("Scroll = ", f.getScroll());
						log("Scrolls = ", f.getScrolls()); 
						log("Offsets = ", f.getOffsets());
					}],
				["全部测试 2 ", function(){
					log("Size = ", document.getSize());
					log("------------------------","");
					log("Position = ", document.getPosition());
					log("------------------------","");
					log("Scroll = ", document.getScroll()); 
				}]
				];
        </script>
    </body>
</html>
